<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
<ui:composition template="/restrito/template.xhtml">

<ui:define name="css">
	<style type="text/css">
		.selectManyCheckBox {
			height: 100px; 
			overflow: auto;
			border: 1px solid #CCC;
			padding-left: 10px;
			width: 260px;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    border-radius: 3px;
		}
	</style>
</ui:define>

<ui:define name="menu"><ui:include src="menu.xhtml"/></ui:define>

<ui:define name="corpo">
	<h:outputScript library="js" name="cadastrarempresa.js" target="head" />
	<h:outputScript library="js" name="jquery.maskedinput-1.2.2.js" target="head" />
	<h:outputScript library="js" name="jquery.maskMoney.0.2.js" target="head" />

    <div class="container">
    <ui:include src="../mensagem.xhtml"/>
    <h:form id="f" styleClass="form-horizontal">
		<fieldset>
		<legend>Dados da empresa</legend>
        <div class="control-group">
			<h:outputLabel for="tipoEstabelecimento" value="* Tipo de estabelecimento" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="tipoEstabelecimento" value="#{manterEmpresaMB.empresa.tipoEstabelecimento}" layout="pageDirection" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsTipoEstabelecimento}" />
   				</h:selectOneRadio>
   				<rich:message for="tipoEstabelecimento" />
  			</div>
		</div>
        <div class="control-group" id="trCnes" style="display: none;">
			<h:outputLabel for="cnes" value="* CNES" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="cnes" value="#{manterEmpresaMB.empresa.cnes}" required="#{param['f:tipoEstabelecimento'] == 'S'}" maxlength="7" styleClass="input-xlarge">
   					<f:validateLength minimum="7" maximum="7" />
   				</h:inputText>
   				<rich:message for="cnes" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="tipoEmpresa" value="* Tipo da empresa" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="tipoEmpresa" value="#{manterEmpresaMB.empresa.tipoEmpresa}" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsTipoEmpresa}" />
   				</h:selectOneRadio>
   				<rich:message for="tipoEmpresa" />
  			</div>
		</div>
        <div class="control-group" id="trTipoEmpresaPublica" style="display: none;">
			
  			<div class="controls">
   				<h:selectOneRadio id="tipoEmpresaPublica" value="#{manterEmpresaMB.empresa.tipoEmpresaPublica}" required="#{param['f:tipoEmpresa'] == 'B'}" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsTipoEmpresaPublica}" />
   				</h:selectOneRadio>
   				<rich:message for="trTipoEmpresaPublica" />
  			</div>
		</div>
        <div class="control-group" id="trSubTipoEmpresaPublica" style="display: none;">
			
  			<div class="controls">
   				<h:selectOneRadio id="subTipoEmpresaPublica" value="#{manterEmpresaMB.empresa.subTipoEmpresaPublica}" required="#{param['f:tipoEmpresa'] == 'B'}" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsSubTipoEmpresaPublica}" />
   				</h:selectOneRadio>
   				<rich:message for="subTipoEmpresaPublica" />  			
  			</div>
		</div>
        <div class="control-group" id="trTipoEmpresaPrivada" style="display: none;">
			
  			<div class="controls">
    			<h:selectOneRadio id="tipoEmpresaPrivada" value="#{manterEmpresaMB.empresa.tipoEmpresaPrivada}" required="#{param['f:tipoEmpresa'] == 'V'}" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsTipoEmpresaPrivada}" />
   				</h:selectOneRadio>
   				<rich:message for="tipoEmpresaPrivada" />
  			</div>
		</div>
        <div class="control-group">
			<!-- span id="oCnpj" class="add-on">*</span -->
			<label for="cnpj" id="lbCnpjObri" class="control-label" style="display: none;">* CNPJ</label>
			<h:outputLabel id="lbCnpjNaoObri" for="cnpj" value="CNPJ" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="cnpj" value="#{manterEmpresaMB.empresa.cnpj}" required="#{param['f:tipoEstabelecimento'] == 'N'}" styleClass="input-xlarge">
   					<f:converter converterId="conversorCNPJ"/>
   					<f:validator validatorId="validadorCNPJ"/>/>
   				</h:inputText>
   				<rich:message for="cnpj" />
   				<rich:jQuery selector="#cnpj" query="mask('99.999.999/9999-99')" />  			
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="nomeFantasia" value="* Nome fantasia" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="nomeFantasia" value="#{manterEmpresaMB.empresa.nomeFantasia}" maxlength="70" required="true" styleClass="input-xlarge"/>
				<rich:message for="nomeFantasia" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="razaoSocial" value="* Razão social" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="razaoSocial" value="#{manterEmpresaMB.empresa.razaoSocial}" maxlength="70" required="true" styleClass="input-xlarge"/>
				<rich:message for="razaoSocial" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="endereco" value="* Endereço" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="endereco" value="#{manterEmpresaMB.empresa.endereco}" maxlength="70" required="true" styleClass="input-xlarge"/>
				<rich:message for="endereco" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="numero" value="* Número" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="numero" value="#{manterEmpresaMB.empresa.numero}" maxlength="6" required="true" styleClass="input-xlarge"/>
				<rich:message for="numero" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="complemento" value="Complemento" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="complemento" value="#{manterEmpresaMB.empresa.complemento}" maxlength="10" styleClass="input-xlarge"/>
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="estado" value="* Estado" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="estado" value="#{manterEmpresaMB.empresa.siglaUf}" required="#{not empty param['f:cadastrar']}" styleClass="input-xlarge">
   					<a4j:ajax event="change" listener="#{manterEmpresaMB.onchangeEstado}" render="cidade"/>
   					<f:selectItems value="#{manterEmpresaMB.lsUf}" />
   				</h:selectOneMenu>
   				<rich:message for="estado" />				
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="cidade" value="* Cidade" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="cidade" value="#{manterEmpresaMB.empresa.codIbge}" required="true" styleClass="input-xlarge">
    				<f:selectItems value="#{manterEmpresaMB.lsMunicipio}" />
   				</h:selectOneMenu>
   				<rich:message for="cidade" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="cep" value="* CEP" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="cep" value="#{manterEmpresaMB.empresa.cep}" required="true" styleClass="input-xlarge"/>
				<rich:message for="cep" />
    			<rich:jQuery selector="#cep" query="mask('99999-999')" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="telefone" value="* Telefone da empresa" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="telefone" value="#{manterEmpresaMB.empresa.telefone}" required="true" styleClass="input-xlarge"/>
				<rich:message for="telefone" />
    			<rich:jQuery selector="#telefone" query="mask('(99)9999-9999')" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="ramalEmpresa" value="Ramal" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="ramalEmpresa" value="#{manterEmpresaMB.empresa.ramal}" maxlength="6" styleClass="input-xlarge"/>
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="site" value="Site" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="site" value="#{manterEmpresaMB.empresa.site}" maxlength="70" styleClass="input-xlarge"/>
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="nacionalidade" value="* Nacionalidade da empresa" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="nacionalidade" value="#{manterEmpresaMB.empresa.nacionalidade}" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{selectItemMB.lsNacionalidade}" />
   				</h:selectOneRadio>
   				<rich:message for="nacionalidade" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="ramoAtuacao" value="* Ramo de atuação da empresa" styleClass="control-label"/>
  			<div class="controls">
				<h:selectOneMenu id="ramoAtuacao" value="#{manterEmpresaMB.empresa.idRamoAtuacao}" required="true" styleClass="input-xlarge">
   					<f:selectItems value="#{manterEmpresaMB.lsRamoAtuacao}" />
   				</h:selectOneMenu>
   				<rich:message for="ramoAtuacao" />
   				<div id="spRamoAtuacaoOutro" style="display:none"><br/>* Qual?<h:inputText id="ramoAtuacaoOutro" value="#{manterEmpresaMB.empresa.ramoAtuacaoOutro}" required="#{param['ramoAtuacao'] == '2'}" maxlength="50" style="margin-left:5px;"/></div>
   				<rich:message for="ramoAtuacaoOutro" />
  			</div>
		</div>
        <div class="control-group" id="trClassificacao">
        	<h:outputLabel for="classificacao" value="* Classificação" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="classificacao" value="#{manterEmpresaMB.empresa.idClassificacao}" required="#{param['f:ramoAtuacao'] == '1'}" styleClass="input-xlarge">
   					<f:selectItems value="#{manterEmpresaMB.lsClassificacao}" />
   				</h:selectOneMenu>
   				<rich:message for="classificacao" />
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="servicoDisponivel" value="Serviços disponíveis" styleClass="control-label"/>
  			<div class="controls">
  				<div class="selectManyCheckBox">
   				<h:selectManyCheckbox layout="pageDirection" id="servicoDisponivel" value="#{manterEmpresaMB.lsServicoDisponivelString}">
   					<f:selectItems value="#{selectItemMB.lsServicoDisponivel}" />
   				</h:selectManyCheckbox>
   				</div>
   				<div id="spServicoDispinivelOutro" style="display:none;margin-top:5px;">Qual?<h:inputText id="dsOutroServicoDisponivel" value="#{manterEmpresaMB.dsOutroServicoDisponivel}" maxlength="50" style="margin-left:5px;"/></div>
  			</div>
		</div>
        <div class="control-group">
        	<h:outputLabel for="numeroFuncionarios" value="* Número de funcionários" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputText id="numeroFuncionarios" value="#{manterEmpresaMB.empresa.numeroFuncionarios}" maxlength="6" required="true" styleClass="input-xlarge"/>
  				<rich:message for="numeroFuncionarios" />
  				<rich:jQuery selector="#numeroFuncionarios" query="maskMoney({showSymbol:false,length:4,precision:0})" />
  			</div>
		</div>
		</fieldset>
	    
		<div class="form-actions">
			<h:commandButton id="cadastrar" action="#{manterEmpresaMB.salvar}" value="Salvar" styleClass="btn-large btn-primary"/>
		</div>	    
	    </h:form>
	</div>
	<script type="text/javascript">
		jQuery('#ms2').addClass('active');
	</script>
</ui:define>
</ui:composition>
</html>
